<!DOCTYPE html>
<html xmlns="http://www.w3c.org/1999/xhtml" 
	xmlns:f="http://java.sun.com/jsf/core" 
	xmlns:h="http://java.sun.com/jsf/html" 
	xmlns:ui="http://java.sun.com/jsf/facelets"
  	xmlns:p="http://primefaces.org/ui" 
  	xmlns:pt="http://xmlns.jcp.org/jsf/passthrough" 
  	xmlns:pe="http://primefaces.org/ui/extensions"
  	xmlns:c="http://java.sun.com/jsp/jstl/core">

<ui:decorate id="msrpDecoration" template="/resources/template/template.xhtml">

  <ui:define name="title">Relatório Resumo Campo</ui:define>

  <ui:define name="body">

    <h:panelGroup id="pnlConsulta" >

      <p:panel style="margin-bottom:20px" styleClass="fonte">

        <f:facet name="header">
          <div class="tituloCrud">Relatório Resumo Campo</div>

          <div style="float: right;">
            <h:panelGrid columns="3" cellspacing="5">
              <h:commandButton action="#{relatorioResumoCampoBean.gerarRelatorio}"  
              	styleClass="buttonClass" value="Gerar">
              </h:commandButton>
            </h:panelGrid>
          </div>
        </f:facet>

        <h:panelGrid columns="4" columnClasses="colunas, colunas, colunas, colunas">

			<h:outputLabel styleClass="fonte" value="Competência" />
			<p:inputText value="#{relatorioResumoCampoBean.competencia}" 
				onfocus="jQuery(this).mask('99/9999');" >
			</p:inputText>
			
			<h:outputLabel styleClass="fonte" value="Distrito" />
			<p:inputText value="#{relatorioResumoCampoBean.codDistrito}" >
				<pe:keyFilter mask="num" />
			</p:inputText>
			
			<h:outputLabel styleClass="fonte" value="Setor" />
			<p:inputText value="#{relatorioResumoCampoBean.codSetor}" >
				<pe:keyFilter mask="num" />
			</p:inputText>

		</h:panelGrid>

        <div class="linha"></div>

      </p:panel>

    </h:panelGroup>

  </ui:define>

</ui:decorate>

</html>
